{extend name="index_layout"/}
{block name="main"}
<!--登陆页面-->

<form class="layui-form" method="post">
    <input type="hidden" name="module" value="{$config.module}">
    <div class="layui-form-item">
        <label title="是否适配系统版本">是否适配系统版本 </label>
        <div class="layui-form-field-label">
            <div class="install-text">{$version_check|raw}</div>
        </div>
    </div>
    {notempty name="need_module"}
    <div class="layui-form-item">
        <label title="模块依赖检查">模块依赖检查 </label>
        <div class="layui-form-field-label border-none">
            <table class="layui-table">
                <colgroup>
                    <col width="180">
                    <col width="100">
                    <col>
                    <col width="100">
                </colgroup>
                <thead>
                <tr>
                    <th>模块</th>
                    <th>当前版本</th>
                    <th>所需版本</th>
                    <th class="text-center">检查结果</th>
                </tr>
                </thead>
                <tbody>
                {volist name="need_module" id="vo"}
                <tr>
                    <td>{$vo.module}</td>
                    <td width="100">{$vo.version}</td>
                    <td>{$vo.version_need}</td>
                    <td width="100" class="text-center">{$vo.result|raw}</td>
                </tr>
                {/volist}
                </tbody>
            </table>
        </div>
    </div>
    {/notempty}
    {notempty name="need_plugin"}

    <div class="layui-form-item">
        <label title="插件依赖检查">插件依赖检查 </label>
        <div class="layui-form-field-label border-none">
            <table class="layui-table" lay-even style="max-width: 400px;">
                <colgroup>
                    <col width="180">
                    <col width="100">
                    <col>
                    <col width="100">
                </colgroup>
                <thead>
                <tr>
                    <th>插件</th>
                    <th>当前版本</th>
                    <th>所需版本</th>
                    <th class="text-center">检查结果</th>
                </tr>
                </thead>
                <tbody>
                {volist name="need_plugin" id="vo"}
                <tr>
                    <td>{$vo.plugin}</td>
                    <td width="100">{$vo.version}</td>
                    <td>{$vo.version_need}</td>
                    <td class="text-center" width="100">{$vo.result|raw}</td>
                </tr>
                {/volist}
                </tbody>
            </table>
        </div>
    </div>

    {/notempty}
    {notempty name="table_check"}

    <div class="layui-form-item">
        <label title="数据表检查">数据表检查 </label>
        <div class="layui-form-field-label border-none">
            <table class="layui-table">
                <colgroup>
                    <col >
                    <col width="100">
                </colgroup>
                <thead>
                <tr>
                    <th>数据表</th>
                    <th class="text-center">检查结果</th>
                </tr>
                </thead>
                <tbody>
                {volist name="table_check" id="vo"}
                <tr>
                    <td>{$vo.table}</td>
                    <td width="100" class="text-center">{$vo.result|raw}</td>
                </tr>
                {/volist}
                </tbody>
            </table>
        </div>
    </div>
    {/notempty}

    <div class="layui-form-item">
        <label title="是否清除旧数据">是否清除旧数据 </label>
        <div class="layui-form-field-label item-wide">
            <input type="radio" name="clear" value="0" title="否" checked>
            <input type="radio" name="clear" value="1" title="是">
        </div>
        <div class="layui-form-mid layui-word-aux">选择“是”，将删除数据库中已存在的相同数据表</div>
    </div>

    <div class="layui-form-item">
        <label title="是否安装演示数据">是否安装演示数据 </label>
        <div class="layui-form-field-label">
            <input type="checkbox" name="demo" title="安装演示数据" value="1" lay-skin="primary">
        </div>
        <div class="layui-form-mid layui-word-aux">含有旧数据时,请勿勾选,以免数据冲突</div>
    </div>

    <div class="layui-form-item layer-footer">
        <button class="layui-btn" id="install" lay-submit>确认安装</button>
    </div>
</form>
{/block}
{block name="script"}
<script>
layui.use('yznForm', function() {
    var yznForm = layui.yznForm;

    $('#install').click(function() {
        var table_exists = false;
        var target;
        if ($('.layui-form i.text-danger').length) {
            layer.msg('系统版本过低或缺少依赖模块或插件',{ icon: 2})
            return false;
        }
        if ($('.layui-form span.text-danger').length) {
            table_exists = true;
        }
        if (table_exists && $('.layui-form input[name=clear]:checked').val() == 0) {
            layer.msg('数据库表存在冲突，如果需要覆盖原有数据，请选择“清除旧数据”',{ icon: 2})
            return false;
        }
        yznForm.listen();
    });
});
</script>
{/block}
